// import React, { Component } from "react";
import React, { PureComponent } from "react";

// 父子组件的生命周期的执行顺序是 父render -> 子render -> 子didmount -> 父didmount
// 在react里面，只要父组件更新了，子组件就必定会更新
class Child extends PureComponent {
  state = {};
  render() {
    console.log("child render");
    return <div>child子组件 - {this.props.num}</div>;
  }

  componentDidMount() {
    console.log("child didmount");
  }

  // 组件接受的props发生改变的时候调用
  // 已经被废弃了
  UNSAFE_componentWillReceiveProps() {
    console.log("child componentWillReceiveProps");
  }

  UNSAFE_componentWillUpdate() {
    console.log("child componentWillUpdate");
  }

  componentDidUpdate() {
    console.log("child componentDidUpdate");
  }
}

export default Child;
